			*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			}
			body{
				background: black;
				text-align: center;
				color: lightpink;
			}
			div{
            	width: 500px;
                text-align: center;
                margin: 0 auto;
            }
            #wrp{
                width: 500px;
                height: 100vh;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }
            #result{
                flex: 0 0 100%;
                height: 120px;
                display: block;
                text-align: right;
                line-height: 120px;
                color:white;
                font-size: 46px;
                background-color:rgba(255,255,255,0.5);
            }
            #box{
                width: 500px;
                height: 500px;
                display: flex;
                flex-wrap: wrap;
            }
            #box span{
                flex: 0 0 25%;
                display: flex;
                align-items: center;
                cursor: pointer;
                justify-content: center;
                border:1px solid white;
                background-color:rgba(255,255,255,0.5);
                text-align: center;
                color: #ffffff;
                font-size: 32px;
            }
            #box span:hover{
                background-color: #999;
            }
            #box #ling{
                flex: 0 0 50%;
            }
            #ling{
                text-align: center;
            }